<template>
  <div>
    <h1>v-model更多用法</h1>
    <div>
      <span>来自于：</span>
      <select v-model="from">
        <option value="北京市">北京</option>
        <option value="南京市">南京</option>
        <option value="天津市">天津</option>
      </select>
    </div>

    <div>
      <span>爱好：</span>
      <input type="checkbox"
             value="抽烟"
             v-model="hobby">抽烟
      <input type="checkbox"
             value="烫头"
             v-model="hobby">烫头
      <input type="checkbox"
             value="敲代码"
             v-model="hobby">敲代码
    </div>

    <div>
      <span>性别：</span>
      <input type="radio"
             value="男"
             name="sex"
             v-model="gender">男
      <input type="radio"
             value="女"
             name="sex"
             v-model="gender">女
    </div>

    <span>
      自我介绍：
    </span>
    <textarea name=""
              id=""
              cols="30"
              rows="10"
              v-model="intro"></textarea>
  </div>
</template>

<script>
export default {
  data () {
    return {
      from: [],
      hobby: ['敲代码'],
      gender: '女',
      intro: ''
    }
  },
  methods: {

  }
}
</script>

<style>
</style>